// 导入：类型、接口、模块、组件、样式
import { Component } from "react";
import { random } from "../../utils";

import "./styled.scss"; // TODO: 存在样式污染后期优化

class Index extends Component {
  render() {
    const logoName = random(1, 2);
    return (
      <div className="login">
        {/* <img src={require("../../assets/logo1.jpg")} alt="logo" width={300} /> */}
        <img
          src={require(`../../assets/logo${logoName}.jpg`)}
          alt="logo"
          width={300}
        />
        <input type="text" placeholder="手机号" />
        <input type="text" placeholder="验证码" />
        <button className="submit">登录</button>
        <p>收不到验证码</p>
        <button className="code">获取验证码</button>
      </div>
    );
  }
}
export default Index;
